<!DOCTYPE html>
<html lang="en">
	<head>
		<title>我要聘请法律顾问</title>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta charset="utf-8">
		<meta name="keywords" content="" />
		<script type="application/x-javascript">
			addEventListener("load", function() {
				setTimeout(hideURLbar, 0);
			}, false);

			function hideURLbar() {
				window.scrollTo(0, 1);
			}
		</script>
		<!-- bootstrap-css -->
		<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
		<!--// bootstrap-css -->
		<link rel="stylesheet" type="text/css" href="css/global.css" />
		<link rel="stylesheet" type="text/css" href="css/l-job-search.css" />
		<!-- font-awesome icons -->
		<link href="css/font-awesome.css" rel="stylesheet">
		<!-- //font-awesome icons -->
		<!-- font -->
		<link href="http://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i" rel="stylesheet">
		<link href='https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700italic,700,400italic,300italic,300' rel='stylesheet'
		 type='text/css'>
		<!-- //font -->
		<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
		<script src="js/bootstrap.js"></script>

		<!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<![endif]-->
	</head>
	<body>
		<div class="l-main l-container">

			<div class="l-job-search l-flex-item_c-just_c">

				<div class="l-list-width">

					<div class="l-head-nav">
						<ul class="l-flex l-head-ul l-flex-item_c l-flex-wrap">
							<li class="l-nav-item l-nav-item-disabled">
								首页
							</li>
							<li class="l-nav-item">
								找工作
							</li>
						</ul>
					</div>


					<div class="l-content">
						
						<div class="l-tab">
							<span class="l-tab-item l-tab-active">
								求职
							</span>
							<span class="l-tab-item">
								招聘
							</span>
						</div>
						
						<div class="l-tab-view">
							<script type="text/javascript">
								{
								var not = ['毕业院校：'];
								var notDate = ['出生年月：','毕业时间：'];
								var list = ['姓名：','性别：','出生年月：','毕业院校：','毕业时间：','求职意向：','期望薪资：'];
									list.forEach(function(e) {
										document.write(
											'<div class="l-search-view l-search-view-1 l-flex l-flex-wrap">'+
											'	<div class="l-search-label">'+
											'		<span class="l-required-color">*</span>'+e+
											'	</div>'+
											'	<div class="l-search-value">'+
											'		<div class="l-search-content-view l-flex-item_c-just_sb">'+
											'			<input class="l-search-input l-flex-1" type="text" placeholder="请输入">'+
														(not.indexOf(e) === -1 ? '' : '<img class="l-search-view-img" src="image/l-downward.png">')+
														(notDate.indexOf(e) === -1 ? '' : '<img class="l-search-view-img" src="image/riqi.png">')+
											'		</div>'+
											'	</div>'+
											'</div>'
										)
									})
								}
							</script>
							
							<div class="l-search-view l-search-view-1 l-flex-item_c l-flex-wrap">
								<div class="l-search-label">
									<span class="l-required-color">*</span>简历上传：
								</div>
								<div class="l-search-value">
									<div class="l-search-updata l-flex-item_c-just_c">
										<div class="l-updata">
											<div><img class="l-updata-img" src="image/l-shape.png" ></div>
											<div>上传图片</div>
										</div>
									</div>
								</div>
							</div>
							
							
							<div class="l-search-view l-search-view-1 l-flex-item_c l-flex-wrap">
								<div class="l-search-label">
									
								</div>
								<div class="l-search-value">
									<button type="button" class="l-publish-btn">确定</button>
								</div>
							</div>
						</div>
						
						
						<div class="l-tab-view" style="display: none;">
							<script type="text/javascript">
								{
								var not = ['薪资：','联系方式：'];
								var notDate = ['到岗时间：'];
								var list = ['公司名称：','职位：','要求：','到岗时间：','薪资：','经办人：','联系方式：'];
									list.forEach(function(e) {
										document.write(
											'<div class="l-search-view l-search-view-1 l-flex l-flex-wrap">'+
											'	<div class="l-search-label">'+
											'		<span class="l-required-color">*</span>'+e+
											'	</div>'+
											'	<div class="l-search-value">'+
											'		<div class="l-search-content-view l-flex-item_c-just_sb">'+
											'			<input class="l-search-input l-flex-1" type="text" placeholder="请输入">'+
														(not.indexOf(e) === -1 ? '' : '<img class="l-search-view-img" src="image/l-downward.png">')+
														(notDate.indexOf(e) === -1 ? '' : '<img class="l-search-view-img" src="image/riqi.png">')+
											'		</div>'+
											'	</div>'+
											'</div>'
										)
									})
								}
							</script>
							
							<div class="l-search-view l-search-view-1 l-flex-item_c l-flex-wrap">
								<div class="l-search-label">
									
								</div>
								<div class="l-search-value">
									<button type="button" class="l-publish-btn">确定</button>
								</div>
							</div>
						</div>
						
						
						
					</div>

				</div>


			</div>
		</div>
		
		<script type="text/javascript">
			var href = location.href;
			var params = href.indexOf('?') !== -1 ?  href.split('?')[1].split('=')[1] : '';
			var isJob = params === 'job';
			var tab = document.querySelectorAll('.l-tab-item');
			var tabView = document.querySelectorAll('.l-tab-view');
			var nArr = Array.prototype.slice;
			var tabArr = nArr.call(tab);
			var bool = false;
			var clearClass = function(){
				tabArr.forEach(function(e,i) { e.setAttribute('class','l-tab-item') ;tabView[i].style.display = 'none' })
			};
			function setTab(){
				tabArr.forEach(function(e,i) {
					isJob = !isJob;
					var object = getParams(isJob);
					e.setAttribute('class',object.item) ;
					tabView[object.index].style.display =  object.block;
				})
			}
			clearClass();
			setTab();
			function getParams(isJob){
				return {
					index: !isJob ? 0 : 1,
					block:  !isJob ? 'block' : 'none',
					item: !isJob ? 'l-tab-item l-tab-active' : 'l-tab-item'
				}
			}
			var tabClick = function(el){
				clearClass();
				bool = !bool;
				tabView[bool ? 1 : 0].style.display = 'block';
				el[el.target ? 'target' : 'srcElement'].setAttribute('class','l-tab-item l-tab-active');
			};
			tabArr.forEach(function(e,i) {
				e.addEventListener('click', tabClick);
			});
			
		</script>
	</body>
</html>
